<template>
  <view class="charts-box">
    <qiun-data-charts
      type="radar"
      :chartData="chartData"
      :opts="opts"
    />
  </view>
</template>

<script>
export default {
  data() {
    return {
      // 静态数据：5个维度及其对应值
      chartData: {
        categories: ['逻辑', '创造力', '社交', '执行力', '情绪'],
        series: [
          {
            name: '能力值',
            data: [18, 22, 15, 20, 12] // 各维度的评分值，范围0~25
          }
        ]
      },
      // 图表配置项：显示图例及雷达图额外参数
      opts: {
        legend: { show: true, position: 'bottom' },
        dataLabel: false,
        extra: {
          radar: {
            labelShow: true, // 显示每个维度的名称
            border: true,    // 绘制雷达图边框
            max: 25          // 雷达图数值最大值
          }
        }
      }
    };
  }
};
</script>

<style>
.charts-box {
  width: 100%;
  height: 600rpx; /* 高度按需设置，确保图表完全显示 */
}
</style>
